import React, { memo } from 'react'

import { getSizeImage } from '@/utils/data-format.js' 

import { AlbumWrapper } from './style'

export default memo(function WYAlbumCover(props) {
    // state 和 props
   const { info, size=130, width=153, bgp="-184px"} = props

  return (
    <AlbumWrapper size={size} width={width} bgp={bgp}>
      <div className="album-image">
        <img src={getSizeImage(info.picUrl)} alt="" />
        <a href="/todo" className='cover image_cover'> </a>
      </div>
      <div className="album-info">
        <div className='name text-nowrap'>{info.name}</div>
        <div className='artist text-nowrap'>{info.artist.name}</div>
      </div>
    </AlbumWrapper>
  )
})
